﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Home.aspx.cs" Inherits="CavinatorSite.Home" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Home</title>
    <link href="css/bootstrap.min.css" rel="stylesheet" />
    <link href="css/bootstrap-responsive.css" rel="stylesheet" />
    <script src="js/jquery-min.js"></script>

    <style>
        #rodape {
            position: absolute;
            bottom: 0;
            text-align: center;
            width: 100%;
        }
    </style>

</head>
<body style="background-color: #4274B9">
    <form id="form1" runat="server">
        <div class='bloco' style='background: url(img/fundo.jpg) no-repeat; min-width: 100%; background-size: cover; min-height: 100%;'>
            <div>
                <nav class="navbar navbar-inverse" role="navigation">
                    <div class="container-fluid">
                        <!-- Brand and toggle get grouped for better mobile display -->
                        <div class="navbar-header">
                            <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"><span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button>
                            <a class="navbar-brand" style="color: #FFFFFF" href="#">Cavinator</a>
                        </div>

                        <!-- Collect the nav links, forms, and other content for toggling -->
                        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                            <ul class="nav navbar-nav">
                                <li class="active"><a href="Home.aspx">Home <span class="sr-only">(current)</span></a></li>
                                <li class="active"><a href="Jogo.aspx">Jogo</a></li>
                                <li class="active"><a href="Credito.aspx">Créditos</a></li>
                            </ul>
                        </div>
                        <!-- /.navbar-collapse -->
                    </div>
                    <!-- /.container-fluid -->
                </nav>
            </div>
            <div class="container-fluid">
                <div class="row-fluid">
                    <div style="width: 38%; height: 400px; margin-top: 15%; margin-left: 31.4%;">
                        <div style="text-align: center">
                            <h3>Seja Bem-Vindo ao Cavinator</h3>
                            <br>
                            <br>
                            <br>
                            <a class="btn btn-success btn-lg" href="Jogo.aspx">Iniciar Jogo</a>
                            <br>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div id="rodape" style="background-color: #000000; color: #FFFFFF">
            <p>Todos Direitos Reservados a Turma XIII de Engenharia da Computação - 2014 </p>
        </div>
        <script src='js/jquery-min.js'> </script>
        <script src='js/bootstrap.js'> </script>
        <script>
            $(document).ready(function () {
                var altura_tela = $(window).height();/*cria variável com valor do altura da janela*/
                $(".bloco").height(altura_tela); /* aplica a variável a altura da div*/
                $(window).resize(function () {
                    /*quando redimensionar a janela faz a mesma coisa */
                    var altura_tela = $(window).height();
                    $(".bloco").height(altura_tela);
                });
            });

        </script>
    </form>
</body>
</html>

<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>Documento sem título</title>
</head>

<body>
</body>
</html>
